<template>
  <div class="welcome">
    <projectsA></projectsA>
    <!-- <el-card>
      <template #header> 项目信息 </template>
      <div class="flex">
        <div class="left">
          <p>项目名称：XXXXXXXXXXXXXXX</p>
          <p>项目类型：B类设备</p>
          <p>项目年度：2023年</p>
          <p>项目所属单位：XXXXXXXXXXXXXXXXXXXXX</p>
          <p>项目管理员：XXX，XXX，XXX，XXX</p>
          <div class="flex mt20">
            <p>12345</p>
            <p>12345</p>
            <p>12345</p>
          </div>
        </div>
      </div>
    </el-card>
    <br />
    <el-card>
      <div class="flex">
        <div class="chart-wrap"><equip-state></equip-state></div>
        <div class="chart-wrap">
          <equip-section-process></equip-section-process>
        </div>
      </div>
    </el-card>-->
  </div>
</template>

<script lang="ts" setup>
// import { ref, reactive, onMounted } from "vue";
import projectsA from "/@/views/projectsA/index.vue";
// import { getMonomer } from "/@/api/projects";
// import { storageLocal } from "/@/utils/storage";
// import equipState from "./charts/equipState.vue";
// import equipSectionProcess from "./charts/equipSectionProcess.vue";
// let projectInfo = storageLocal.getItem("projectInfo");
// let sectionInfo = storageLocal.getItem("sectionInfo");
// const initData = {
//   atypeId: "",
//   a1TypeId: "",
//   createTimeStrStart: "", //
//   createTimeStrEnd: "", //
//   monomerId: "",
//   sectionId: sectionInfo?.id,
//   projectManageId: projectInfo?.id,
//   isShow: 1
// };

// const formInline = reactive(initData);
// const monomerList = ref([]);
// const pageState = reactive({
//   pageNum: 1,
//   pageSize: 10
// });
// const tableData = ref([]);
// const total = ref<number>(0);
// const loading = ref<boolean>(false);

// // 交互参数
// let type = ref("");
// let typeCode = ref("") as any;
// let section = ref("");
// let sectionId = ref("") as any;

// //获取数据列表
// const getTableList = async (obj: object = {}) => {
//   try {
//     loading.value = true;
//     const { code, data } = await concealList({
//       ...obj,
//       ...pageState
//     });
//     if (code === 200) {
//       tableData.value = data.list;
//       total.value = data.rows;
//     }
//   } catch (err) {
//     console.log(err);
//   } finally {
//     loading.value = false;
//   }
// };

// //获取单体列表
// const getMonomerData = async () => {
//   const parmas = {
//     pageNum: 1,
//     pageSize: 0,
//     sectionId: sectionInfo.id,
//     projectManageId: projectInfo?.id
//   };
//   loading.value = true;
//   try {
//     const { code, data } = await getMonomer(parmas);
//     if (code === 200) {
//       monomerList.value = data.list;
//     }
//   } catch (err) {
//     console.log(err);
//   } finally {
//     loading.value = false;
//   }
// };

// onMounted(() => {
//   getTableList(formInline);
// });
// // getMonomerData();
</script>

<style lang="scss" scoped>
// .flex {
//   display: flex;
//   &.mt20 {
//     margin-top: 20px;
//   }
//   p {
//     height: 40px;
//     padding: 10px 20px;
//     line-height: 20px;
//     margin-right: 20px;
//     background-color: rgb(241, 245, 254);
//     border-radius: 4px;
//   }
//   .chart-wrap {
//     flex: 1;
//     height: 300px;
//   }

//   .left {
//     flex: 1;
//   }
//   .right {
//     width: 400px;
//     height: 300px;
//   }
// }
// .chart-box {
//   width: 100%;
//   height: 300px;
//   border: 1px solid #ccc;
// }
</style>
